<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			// 函数作用域
			// 调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁
			// 每调用一次函数就会创建一个新的函数作用域,他们之间是互相独立发
			// 在函数作用域中可以访问到全局作用域的变量,在全局作用域中无法访问到函数作用域的变量
			// 当在函数作用域操作一个变量时,它会先在自身作用域中寻找,如果有就直接使用,如果没有则向上一级作用域中寻找,
			//     直到找到全局作用域,如果全局作用域中依旧没有找到,则会报错ReferenceError
			// 在函数中要访问全局变量可以使用window对象
			
			// 创建一个变量
			var a = 10;
			
			function fun(){
				
				var a = "我是fun函数中的变量a";
				var b = 20;
				
				// console.log("a = "+a);
				
				function fun2(){
					console.log("a1 = "+a);
					console.log("a2 = "+window.a);
				}
				
				fun2();
			}
			
			fun();
			
			// console.log("b = "+b);
			console.log("a3 = "+a);
			
			// 在函数作用域也有声明提前的特性,使用var关键字声明的变量,会在函数中所有的代码执行之前被声明
			// 函数声明也会在函数中所有的代码执行之前执行
			function fun3(){
				
				fun4();				
				console.log(a);
				
				var a = 35;
				
				function fun4(){
					alert("I'm fun4");
				}
			}
			
			fun3();
			
			
			var c = 33;
			
			在函数中,不使用var声明的变量都会成为全局变量
			function fun5(){
				console.log("c = "+c);//有var undefined,没有33
				// var c = 10;
				c = 10;
				
				// d没有使用var关键字,则会设置为全局变量
				d = 100;
			}
			
			fun5();
			
			// 在全局输出c
			console.log("c = "+c);//10
			console.log("d = "+c);//100
			
			
			var e =23;
			
			// 定义形参就相当于在函数作用域中声明了变量
			function fun6(e){
				alert(e);
			}
			
			fun6();
			
		</script>
	</head>
	<body>
	</body>
</html>
